<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/首页.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <title>Document</title>
</head>

<body>

    <div class="all">
        <div class="all-two">
            <div class="nav">
                <div class="nav-title">
                    百度百聘
                    <span>郑州&nbsp;▼</span>
                </div>
                <div class="nav-right">
                    <i class="iconfont icon-sousuo"></i>
                    <i class="iconfont icon-liebiao"></i>
                </div>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://zhaopin-c.bj.bcebos.com/%E6%9A%96%E6%98%A5%E8%81%8C%E9%80%9A%E8%BD%A6/bpwise-ztc_.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://zhaopin-c.bj.bcebos.com/banner/wise-indexqiyeban.png" alt="">
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="eight-list">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="mui-content">
                            <ul class="mui-table-view mui-grid-view mui-grid-9">
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-home"></span>
                                        <div class="mui-media-body">全职招聘</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
                                        <div class="mui-media-body">职业培训</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-chatbubble"></span>
                                        <div class="mui-media-body">名企推荐</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-location"></span>
                                        <div class="mui-media-body">靠谱兼职</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-search"></span>
                                        <div class="mui-media-body">Search</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-phone"></span>
                                        <div class="mui-media-body">Phone</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-gear"></span>
                                        <div class="mui-media-body">Setting</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-info"></span>
                                        <div class="mui-media-body">about</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="mui-content">
                            <ul class="mui-table-view mui-grid-view mui-grid-9">
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-home"></span>
                                        <div class="mui-media-body">Home</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
                                        <div class="mui-media-body">Email</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-chatbubble"></span>
                                        <div class="mui-media-body">Chat</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-location"></span>
                                        <div class="mui-media-body">location</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-search"></span>
                                        <div class="mui-media-body">Search</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-phone"></span>
                                        <div class="mui-media-body">Phone</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-gear"></span>
                                        <div class="mui-media-body">Setting</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-info"></span>
                                        <div class="mui-media-body">about</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="resume">
                <ul>
                    <li>
                        <a href="">
                            <img src="img/我的简历.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/申请记录.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/申请记录.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/我的收藏.png" alt="">
                        </a>
                    </li>
                </ul>
                <div class="found">
                    <div class="found-left">
                        <p class="found-left-one">您还没有简历</p>
                        <p class="found-left-two">创建简历，让找工作的速度飞起来~</p>
                    </div>
                    <div class="found-right">去创建</div>
                </div>
            </div>
            <div class="job">
                <div class="job-list">
                    <div class="job-area">郑州热招</div>
                    <span class="mui-icon mui-icon-arrowright"></span>
                </div>
                <div class="job-img">
                    <img src="https://t11.baidu.com/it/u=207896344,2323374177&fm=179&app=42&f=JPEG?w=558&h=314&s=743EA77603334D2A4051D5F802007030" alt="">
                    <img src="https://t12.baidu.com/it/u=2503558848,656273524&fm=179&app=42&f=JPEG?w=558&h=314&s=E073077403B34D2A58465DD2020060B9" alt="">
                </div>
                <ul>
                    <li>司机</li>
                    <li>快递</li>
                    <li>保安</li>
                    <li>厨师</li>
                    <li>普工</li>
                    <li>会计</li>
                    <li>销售</li>
                    <li>职业培训</li>
                </ul>
            </div>
            <div class="job">
                <div class="job-list">
                    <div class="job-area">热门分类</div>
                </div>
                <div class="hot">
                    <div class="cupe">
                        <p class="product">
                            <span style="font-size: 0.7rem;color: #555;">销售</span>
                            <span>销售代表</span>
                            <span>电话销售</span>
                            <span>销售经理</span>
                            <i class="mui-icon mui-icon-arrowdown"></i>
                        </p>
                        <div class="hot-list">
                            <span>销售总监</span>
                            <span>汽车销售</span>
                            <span>医药销售</span>
                            <span>器械销售</span>
                            <span>网络销售</span>
                            <span>区域销售</span>
                            <span>客户销售</span>
                            <span>销售顾问</span>
                        </div>
                    </div>
                    <div class="cupe">
                        <p class="product">
                            <span style="font-size: 0.7rem;color: #555;">销售</span>
                            <span>销售代表</span>
                            <span>电话销售</span>
                            <span>销售经理</span>
                            <i class="mui-icon mui-icon-arrowdown"></i>
                        </p>
                        <div class="hot-list">
                            <span>销售总监</span>
                            <span>汽车销售</span>
                            <span>医药销售</span>
                            <span>器械销售</span>
                            <span>网络销售</span>
                            <span>区域销售</span>
                            <span>客户销售</span>
                            <span>销售顾问</span>
                        </div>
                    </div>
                    <div class="cupe">
                        <p class="product">
                            <span style="font-size: 0.7rem;color: #555;">销售</span>
                            <span>销售代表</span>
                            <span>电话销售</span>
                            <span>销售经理</span>
                            <i class="mui-icon mui-icon-arrowdown"></i>
                        </p>
                        <div class="hot-list">
                            <span>销售总监</span>
                            <span>汽车销售</span>
                            <span>医药销售</span>
                            <span>器械销售</span>
                            <span>网络销售</span>
                            <span>区域销售</span>
                            <span>客户销售</span>
                            <span>销售顾问</span>
                        </div>
                    </div>
                    <div class="cupe">
                        <p class="product">
                            <span style="font-size: 0.7rem;color: #555;">销售</span>
                            <span>销售代表</span>
                            <span>电话销售</span>
                            <span>销售经理</span>
                            <i class="mui-icon mui-icon-arrowdown"></i>
                        </p>
                        <div class="hot-list">
                            <span>销售总监</span>
                            <span>汽车销售</span>
                            <span>医药销售</span>
                            <span>器械销售</span>
                            <span>网络销售</span>
                            <span>区域销售</span>
                            <span>客户销售</span>
                            <span>销售顾问</span>
                        </div>
                    </div>
                    <div class="cupe">
                        <p class="product">
                            <span style="font-size: 0.7rem;color: #555;">销售</span>
                            <span>销售代表</span>
                            <span>电话销售</span>
                            <span>销售经理</span>
                            <i class="mui-icon mui-icon-arrowdown"></i>
                        </p>
                        <div class="hot-list">
                            <span>销售总监</span>
                            <span>汽车销售</span>
                            <span>医药销售</span>
                            <span>器械销售</span>
                            <span>网络销售</span>
                            <span>区域销售</span>
                            <span>客户销售</span>
                            <span>销售顾问</span>
                        </div>
                    </div>
                    <div class="cupe">
                        <p class="product">
                            <span style="font-size: 0.7rem;color: #555;">销售</span>
                            <span>销售代表</span>
                            <span>电话销售</span>
                            <span>销售经理</span>
                            <i class="mui-icon mui-icon-arrowdown"></i>
                        </p>
                        <div class="hot-list">
                            <span>销售总监</span>
                            <span>汽车销售</span>
                            <span>医药销售</span>
                            <span>器械销售</span>
                            <span>网络销售</span>
                            <span>区域销售</span>
                            <span>客户销售</span>
                            <span>销售顾问</span>
                        </div>
                    </div>
                </div>
                <div class="hot-end">
                    <span>查看更多</span>
                    <i class="mui-icon mui-icon-arrowdown"></i>
                </div>
            </div>
            <div class="train">
                <p>已有80%的人通过职业培训</p>
                <p>找到高薪工作</p>
                <p>找工作,快人一步</p>
                <p>我要涨薪</p>
            </div>
            <div class="eight-list" style="margin-top: .5rem;">
                <div class="job-list">
                    <div class="job-area">名企校招</div>
                    <span class="mui-icon mui-icon-arrowright"></span>
                </div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="mui-content">
                            <ul class="mui-table-view mui-grid-view mui-grid-9">
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-home"></span>
                                        <div class="mui-media-body">全职招聘</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
                                        <div class="mui-media-body">职业培训</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-chatbubble"></span>
                                        <div class="mui-media-body">名企推荐</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-location"></span>
                                        <div class="mui-media-body">靠谱兼职</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-search"></span>
                                        <div class="mui-media-body">Search</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-phone"></span>
                                        <div class="mui-media-body">Phone</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-gear"></span>
                                        <div class="mui-media-body">Setting</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-info"></span>
                                        <div class="mui-media-body">about</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="mui-content">
                            <ul class="mui-table-view mui-grid-view mui-grid-9">
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-home"></span>
                                        <div class="mui-media-body">Home</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
                                        <div class="mui-media-body">Email</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-chatbubble"></span>
                                        <div class="mui-media-body">Chat</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-location"></span>
                                        <div class="mui-media-body">location</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-search"></span>
                                        <div class="mui-media-body">Search</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-phone"></span>
                                        <div class="mui-media-body">Phone</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-gear"></span>
                                        <div class="mui-media-body">Setting</div>
                                    </a>
                                </li>
                                <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                    <a href="#">
                                        <span class="mui-icon mui-icon-info"></span>
                                        <div class="mui-media-body">about</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="part-time">
                <div class="job-list">
                    <div class="job-area">兼职招聘</div>
                    <span class="mui-icon mui-icon-arrowright"></span>
                </div>
                <div class="swiper-wrapper" style="margin-top: .75rem;">
                    <div class="swiper-slide">
                        <img src="https://t12.baidu.com/it/u=2613704814,948168778&fm=179&app=42&f=PNG?w=558&h=225&s=2AAC78221BA06C030EDC4DDA030070B2" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://t12.baidu.com/it/u=2613704814,948168778&fm=179&app=42&f=PNG?w=558&h=225&s=2AAC78221BA06C030EDC4DDA030070B2" alt=""></div>
                    <div class="swiper-slide">
                        <img src="https://t12.baidu.com/it/u=2613704814,948168778&fm=179&app=42&f=PNG?w=558&h=225&s=2AAC78221BA06C030EDC4DDA030070B2" alt=""></div>
                    <div class="swiper-slide">
                        <img src="https://t12.baidu.com/it/u=2613704814,948168778&fm=179&app=42&f=PNG?w=558&h=225&s=2AAC78221BA06C030EDC4DDA030070B2" alt=""></div>
                    <div class="swiper-slide">
                        <img src="https://t12.baidu.com/it/u=2613704814,948168778&fm=179&app=42&f=PNG?w=558&h=225&s=2AAC78221BA06C030EDC4DDA030070B2" alt=""></div>
                    <div class="swiper-slide">
                        <img src="https://t12.baidu.com/it/u=2613704814,948168778&fm=179&app=42&f=PNG?w=558&h=225&s=2AAC78221BA06C030EDC4DDA030070B2" alt=""></div>
                    <div class="swiper-slide">
                        <img src="https://t12.baidu.com/it/u=2613704814,948168778&fm=179&app=42&f=PNG?w=558&h=225&s=2AAC78221BA06C030EDC4DDA030070B2" alt=""></div>
                    <div class="swiper-slide">
                        <img src="https://t12.baidu.com/it/u=2613704814,948168778&fm=179&app=42&f=PNG?w=558&h=225&s=2AAC78221BA06C030EDC4DDA030070B2" alt=""></div>
                </div>

                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                        <span>客服话务</span>
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                        <span>客服话务</span>
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                        <span>客服话务</span>
                    </div>
                </div>
            </div>
            <div class="part-time">
                <div class="job-list">
                    <div class="job-area">实习招聘</div>
                    <span class="mui-icon mui-icon-arrowright"></span>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                        <span>客服话务</span>
                    </div>
                </div>
            </div>
            <div class="part-time">
                <div class="job-list">
                    <div class="job-area">为您推荐</div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="part-time-content">
                    <div class="part-time-title">
                        <p>辅导机构诚聘话务员</p>
                        <span>1000</span>
                    </div>
                    <div class="part-time-job">
                        <div>
                            <p>郑州</p>
                            <span>|</span>
                            <p>飞翔网络科技有限公司</p>
                        </div>
                    </div>
                    <div class="part-cupe">
                        <span>精选</span>
                        <span>直投</span>
                        <span>年底双薪</span>
                        <span>加班补助</span>
                    </div>
                    <div class="part-time-data">
                        今天
                    </div>
                </div>
                <div class="hot-end">
                    <span>展开更多</span>
                    <i class="mui-icon mui-icon-arrowdown"></i>
                </div>
            </div>
            <div class="end">
                <div class="end-list">
                    <p>200<span>多 
                        <br>家招聘网站</span></p>
                </div>
                <div class="end-list">
                    <p>200<span>多 
                        <br>家招聘网站</span></p>
                </div>
                <div class="end-list">
                    <p>200<span>多 
                        <br>家招聘网站</span></p>
                </div>

            </div>
            <div class="one">违法和不良信息举报电话：400-921-5119</div>
            <div class="two">
                <p>人力资源服务许可证</p>
                <span>|</span>
                <p>电子营业执照</p>
                <span>|</span>
                <p>百聘投诉举报制度</p>
            </div>
            <div class="two" style="padding-bottom: 0.4rem;">
                <p>如何加入</p>
                <span>|</span>
                <p>用户服务协议</p>
                <span>|</span>
                <p>隐私政策</p>
            </div>
            <div class="right-nav">
                <i class="mui-icon mui-icon-arrowthinup"></i>
            </div>
        </div>
    </div>
    <!-- Swiper JS -->
    <script src="./js/mui.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <!-- Initialize Swiper -->

    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplay: 3000
        });
        var swiper = new Swiper('.eight-list', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
        });
        //获得slider插件对象
    </script>
    <script>
        // 在iphone6 375宽度中  html是以20px作为基本单位
        (function() {
            function w() {
                var all = document.documentElement; // 获取html元素
                var test = all.getBoundingClientRect().width; // 获取当前设备的宽度、
                //             console.log(123,test)
                if (test > 1024) {
                    test = 1024;
                }
                rem = test / 18.75;
                all.style.fontSize = rem + 'px'
            }
            w();
            window.addEventListener("resize", function() {
                w()
            }, false)
        })();
    </script>
    <script>
        var bottom = document.querySelectorAll('.mui-icon-arrowdown')
        var hot_list = document.querySelector('.hot-list')
        for (var i = 0; i < bottom.length; i++) {
            bottom[i].onclick = function() {
                this.parentNode.nextElementSibling.classList.toggle('hide')
                this.classList.toggle('icon')
            }
        }
        var swiper = new Swiper('.part-time', {
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 30,
            freeMode: true
        });
        var right_nav = document.querySelector('.right-nav')
        window.onscroll = function() {
            right_nav.onclick = function() {
                document.documentElement.scrollTop = 0
            }
            if (document.documentElement.scrollTop >= 791) {
                right_nav.style = "display:block"
            } else {
                right_nav.style = "display:none"
            }
        }
    </script>

</body>

</html>